/* pages/category/index.wxss */



.category-top {
  display: flex;
  flex-direction: row;
  justify-items: center;
  padding: 30rpx 0 30rpx 0;
  position: relative;
  
  // width: 100%;
  // height: 300rpx;
}


.category-top-item {
  flex: 1;
  text-align: center;
  margin: 0px 10rpx 0 10rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.category-top-item.active {
  border-bottom: 5rpx solid black;
}

/* pages/category/index.wxss */
.category-left {
  width: 200rpx;
  background: #9e9e9e1a;
}

.category-right {
  // width:300rpx;
  background-color: white;
  flex: 1;
  padding:0 20rpx 20rpx 20rpx;


  // 全部選項樣式
  .all-box{
    min-width: 508rpx;
    .van-grid-item{
      min-width: 508rpx;
      height: 230rpx;
      .category-all-item-image{
        height: 230rpx;
      }
    }
  }
}

.category-main {
  display: flex;
  flex-direction: row;

  .category-left-item {
    height:80rpx;
    line-height: 80rpx;
    margin-bottom:10rpx;
    text-align: center;
    width: 100%;
    font-size:28rpx;

    &.active {
      background-color: black;
      color: white;
    }
  }
}

.border-line {
  width: 60rpx;
  height: 4rpx;
  position: absolute;
  bottom: 10rpx;
  &.active{
    background-color: black;
  }
}

.category-all-menu{
  width:100%;
  height:200rpx;
  background-color: skyblue;
  position: relative;

  .category-all-image{
    width:100%;
    height:200rpx;
    background-color: skyblue;
    
  }

  .category-all-title{
    width: 100%;
    position: absolute;
    bottom:0rpx;
    height: 50rpx;
    line-height: 50rpx;
    text-align: center;
    background-color: #00000045;
    color:white;
  }
}

.category-all-item-menu{
  width:100%;
  height:300rpx;
  background-color: skyblue;
  position: relative;

  .category-all-item-image{
    width:100%;
    height:300rpx;
    background-color: skyblue;

  }

  .category-all-item-title{
    width: 100%;
    position: absolute;
    bottom:0rpx;
    height: 50rpx;
    line-height: 50rpx;
    text-align: center;
    background-color: #00000045;
    color:white;
  }
}

